<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
	jQuery.jq51menu = function(menuboxid,submenu){
		var menuboxli = $(menuboxid+" li");
		menuboxli.eq(0).find(submenu).show();
		menuboxli.eq(0).addClass("thismenu");
		//menuboxli.find("a:first").attr("href","javascript:;");
		menuboxli.click( function () { 
			$(this).addClass("thismenu").find(submenu).show().end().siblings("li").removeClass("thismenu").find(submenu).hide();
		});
	};
	//调用方法，可重用
	$.jq51menu("#menubox","div.submenu");
});
</script>
<style>
ul,li{ margin:0px; padding:0px; list-style:none;}
body a{ color:#333333; }
a{ text-decoration:none;}
#menubox{ width:100%; overflow:hidden; height:100%}
#menubox ul li{line-height:35px;background-color: #F0F0F0; border-bottom:#CCC solid 1px;}
#menubox a{padding-left:10px; padding-right:6px; font-size:20px; }

#menubox .thismenu{ background-color:#119CBE; color:#ffffff; border:none;}
#menubox .thismenu a{ color:#ffffff; }

#menubox .submenu{ display:none; background-color:#ffffff;}
#menubox .submenu font{ padding:10px;height:100%; line-height:20px; color:#030; display:block;border-bottom:#CCC dashed 0px; font-size:16px;}

</style>
</head>

<body>

        			<img align="middle" border="0" src="../pic/hellp/sk1.jpg" alt="点击左下角小键盘，进入输入模式"></img>
        			<img align="middle" border="0" src="../pic/hellp/sk2.jpg" alt="输入工程名称，注意必须结尾为工程类别，例如水库、海塘、水闸等。"></img>
        			<img align="middle" border="0" src="../pic/hellp/sk3.jpg" alt="输入后发送"></img>
        			<img align="middle" border="0" src="../pic/hellp/sk4.jpg" alt="系统将在2s内返回查询数据，由于为实时查询，请耐心等待"></img>
        			<img align="middle" border="0" src="../pic/hellp/sk5.jpg" alt="双击返回的绿色区域，将进入查看模式"></img> 
        	

</body>
</html>
